@charset "UTF-8";
section {
  /***************我们的业务*********************/
  /****************我们的核心竞争力*********************/ }
  section .top {
    width: 100%;
    height: 750px; }
    section .top .photo {
      width: 100%; }
      section .top .photo img {
        width: 100%; }
  section .top_detail {
    position: absolute;
    top: 227px;
    left: 1122px; }
    section .top_detail .english_detail {
      font-size: 16px;
      color: #7f7f7f;
      height: 16px;
      line-height: 16px; }
    section .top_detail .chinese_detail {
      font-size: 42px;
      color: #333333;
      margin-top: 20px;
      line-height: 42px;
      height: 42px;
      margin-bottom: 55px;
      font-weight: 500; }
    section .top_detail .dream {
      font-size: 16px;
      color: #333333;
      line-height: 16px;
      height: 16px;
      margin-bottom: 18px; }
  section .ourBusiness {
    width: 100%;
    background: #ffffff;
    height: 900px;
    position: relative;
    text-align: center;
    padding-top: 120px;
    box-sizing: border-box; }
    section .ourBusiness > p {
      color: #7f7f7f;
      font-size: 18px;
      height: 18px;
      line-height: 18px;
      margin-bottom: 20px;
      font-family: "Arial"; }
    section .ourBusiness > h1 {
      font-size: 32px;
      color: #343c4c;
      font-weight: 500;
      height: 32px;
      line-height: 32px;
      margin-bottom: 85px; }
    section .ourBusiness .logo {
      display: inline-block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: -webkit-linear-gradient(bottom, #1f1e23, #4b4956);
      background: linear-gradient(to top, #1f1e23, #4b4956); }
      section .ourBusiness .logo img {
        display: block;
        margin-top: 50%;
        margin-left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    section .ourBusiness .businessTree {
      width: 1080px;
      height: 560px;
      margin: -10px auto 0;
      background: url("../images/bluejScience/business_03.png") no-repeat center top; }
      section .ourBusiness .businessTree > div {
        width: 180px;
        height: 95px;
        text-align: center;
        float: left; }
        section .ourBusiness .businessTree > div img {
          display: block;
          margin: 0 auto 30px; }
        section .ourBusiness .businessTree > div > span {
          color: #343c4c;
          font-size: 17px; }
      section .ourBusiness .businessTree > div:nth-child(2n-1) {
        margin-top: 160px; }
      section .ourBusiness .businessTree > div:nth-child(2n) {
        margin-top: 280px; }
    section .ourBusiness .line {
      margin: 0 auto;
      width: 45%;
      height: 2px;
      background: #ebebeb; }
  section .ourCore {
    width: 100%;
    height: 500px;
    background: #fff;
    position: relative;
    text-align: center;
    padding-top: 115px;
    box-sizing: border-box;
    /********************游戏部分**************************/
    /********************人物部分**************************/
    /****************我们的实力*******************/
    /********************合作企业**********************/ }
    section .ourCore > p {
      color: #7f7f7f;
      font-size: 18px;
      height: 18px;
      line-height: 18px;
      margin-bottom: 20px;
      font-family: "Arial"; }
    section .ourCore > h1 {
      font-size: 32px;
      color: #343c4c;
      font-weight: 500;
      height: 32px;
      line-height: 32px;
      margin-bottom: 85px; }
    section .ourCore .coreleft {
      width: 960px;
      float: left;
      height: 650px;
      background: url("../images/bluejScience/bgcore_02.png") no-repeat center; }
      section .ourCore .coreleft .ide {
        margin-left: 148px;
        margin-top: 26px;
        width: 790px;
        height: 570px;
        background: #fff;
        box-shadow: 0 0 20px #D7D4D4; }
        section .ourCore .coreleft .ide .ideHead {
          width: 100%;
          height: 67px; }
          section .ourCore .coreleft .ide .ideHead .ideLogo {
            width: 100%;
            height: 67px;
            display: table;
            vertical-align: middle; }
            section .ourCore .coreleft .ide .ideHead .ideLogo span {
              display: table-cell;
              vertical-align: middle; }
            section .ourCore .coreleft .ide .ideHead .ideLogo .logoleft {
              width: 147px; }
            section .ourCore .coreleft .ide .ideHead .ideLogo .logoright {
              text-align: right; }
            section .ourCore .coreleft .ide .ideHead .ideLogo .title {
              display: inline-block;
              width: 94px;
              height: 10px;
              border-radius: 2px;
              background: #efefef;
              margin-right: 15px; }
        section .ourCore .coreleft .ide .ideSection {
          width: 100%;
          height: 503px; }
          section .ourCore .coreleft .ide .ideSection .sectionleft {
            width: 173px;
            height: 100%;
            background: #36343d;
            box-shadow: 0 0 20px #D7D4D4;
            padding-top: 60px;
            box-sizing: border-box;
            float: left; }
            section .ourCore .coreleft .ide .ideSection .sectionleft .dotline {
              width: 95px;
              height: 105px;
              margin-left: 33px;
              margin-bottom: 300px;
              font-size: 0; }
              section .ourCore .coreleft .ide .ideSection .sectionleft .dotline .dot {
                width: 10px;
                height: 10px;
                background: #737178;
                display: inline-block;
                margin-right: 15px;
                margin-bottom: 25px;
                border-radius: 2px; }
              section .ourCore .coreleft .ide .ideSection .sectionleft .dotline .line {
                display: inline-block;
                width: 70px;
                height: 10px;
                background: #737178;
                margin-bottom: 25px;
                border-radius: 2px; }
            section .ourCore .coreleft .ide .ideSection .sectionleft .lines {
              width: 60px;
              height: 10px;
              display: inline-block;
              background: #737178;
              border-radius: 2px; }
          section .ourCore .coreleft .ide .ideSection .sectionright {
            width: 617px;
            height: 100%;
            float: left;
            padding-top: 35px;
            padding-left: 62px;
            box-sizing: border-box; }
            section .ourCore .coreleft .ide .ideSection .sectionright .righttop {
              width: 100%;
              height: 60px; }
              section .ourCore .coreleft .ide .ideSection .sectionright .righttop .titlelong {
                width: 115px;
                height: 10px;
                background: #b2b2b2;
                margin-bottom: 15px;
                border-radius: 2px; }
              section .ourCore .coreleft .ide .ideSection .sectionright .righttop .titleshort {
                width: 75px;
                height: 10px;
                background: #efefef;
                margin-bottom: 25px; }
            section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .blueblock {
              width: 330px;
              height: 160px;
              background: #cae9f8;
              float: left;
              margin-right: 40px; }
            section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .cylinder {
              float: left; }
              section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .cylinder > div {
                position: relative;
                float: left;
                width: 10px;
                height: 100px;
                border-radius: 5px;
                background: #efefef;
                margin-right: 20px; }
                section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .cylinder > div::after {
                  content: "";
                  display: block;
                  position: absolute;
                  width: 10px;
                  height: 40px;
                  border-radius: 5px;
                  bottom: 0;
                  left: 0;
                  background: #089788; }
              section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .cylinder > div:nth-child(2)::after {
                height: 60px; }
              section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .cylinder > div:nth-child(3)::after {
                height: 20px; }
            section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .level {
              float: left;
              width: 90px;
              height: 10px;
              background: #b2b2b2;
              border-radius: 2px;
              margin-top: 25px;
              margin-right: 40px; }
            section .ourCore .coreleft .ide .ideSection .sectionright .rightcontent .short {
              width: 40px;
              margin-top: 10px;
              background: #efefef;
              border-radius: 2px; }
            section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom {
              width: 100%;
              height: 200px; }
              section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div {
                position: relative;
                float: left;
                width: 125px;
                height: 170px;
                margin-right: 70px; }
                section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .radialProgressBar {
                  border-radius: 50%;
                  margin-top: 35px;
                  width: 120px;
                  height: 120px;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: -webkit-flex;
                  display: flex;
                  background: #ddd;
                  box-sizing: border-box; }
                  section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .radialProgressBar .overlay {
                    border-radius: 50%;
                    width: 100px;
                    height: 100px;
                    margin: auto;
                    background: #fff;
                    text-align: center;
                    padding-top: 30%;
                    box-sizing: border-box; }
                section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .progress-50 {
                  background-image: -webkit-linear-gradient(right, #ddd 50%, transparent 50%), -webkit-linear-gradient(left, #028cd5 50%, #ddd 50%);
                  background-image: linear-gradient(-90deg, #ddd 50%, transparent 50%), linear-gradient(90deg, #028cd5 50%, #ddd 50%); }
                section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .dotline {
                  margin-top: 20px;
                  font-size: 0;
                  text-align: left; }
                  section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .dotline .dot {
                    display: inline-block;
                    width: 15px;
                    height: 10px;
                    border-radius: 2px;
                    margin-right: 15px;
                    background: #efefef; }
                  section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .dotline .line {
                    display: inline-block;
                    width: 80px;
                    height: 10px;
                    border-radius: 2px;
                    background: #efefef; }
                  section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div .dotline .line:last-child {
                    margin-left: 30px;
                    margin-top: 10px;
                    width: 40px; }
              section .ourCore .coreleft .ide .ideSection .sectionright .rightbottom > div:last-child {
                margin-right: 0; }
    section .ourCore .coredetail {
      float: left;
      padding-top: 87px;
      padding-left: 170px;
      box-sizing: border-box;
      text-align: left;
      width: 600px; }
      section .ourCore .coredetail p {
        line-height: 32px;
        font-size: 16px;
        color: #343c4c; }
      section .ourCore .coredetail .detailtop {
        color: #343c4c;
        font-size: 16px;
        line-height: 16px;
        height: 16px; }
      section .ourCore .coredetail .largedetail {
        font-size: 32px;
        margin: 20px 0 25px; }
      section .ourCore .coredetail .vue {
        width: 130px;
        height: 130px;
        border-radius: 10px;
        margin-top: 45px;
        border: 1px solid #dddddd; }
        section .ourCore .coredetail .vue span {
          display: block;
          text-align: center;
          vertical-align: middle;
          margin-top: 20px; }
        section .ourCore .coredetail .vue span:last-child {
          margin-top: 10px;
          color: #000000;
          font-weight: 600;
          font-size: 20px; }
    section .ourCore .game {
      float: left;
      position: relative;
      width: 100%;
      height: 745px;
      background: url("../images/bluejScience/game_bg.png") no-repeat right bottom; }
      section .ourCore .game .bigzombie {
        position: absolute;
        top: 118px;
        left: 1191px; }
      section .ourCore .game .smallzombie {
        position: absolute;
        top: 255px;
        left: 1515px; }
      section .ourCore .game .bigflame {
        position: absolute;
        top: 270px;
        left: 1100px; }
      section .ourCore .game .smallflame {
        position: absolute;
        top: 352px;
        left: 1414px; }
      section .ourCore .game .gamedetail {
        margin-top: 187px;
        margin-left: 390px;
        text-align: left; }
        section .ourCore .game .gamedetail p {
          line-height: 32px;
          font-size: 16px;
          color: #343c4c; }
        section .ourCore .game .gamedetail .detailtop {
          color: #343c4c;
          font-size: 16px;
          line-height: 16px;
          height: 16px; }
        section .ourCore .game .gamedetail .largedetail {
          font-size: 32px;
          margin: 20px 0 25px; }
        section .ourCore .game .gamedetail .vue {
          width: 130px;
          height: 130px;
          border-radius: 10px;
          margin-top: 45px;
          float: left;
          margin-right: 15px;
          border: 1px solid #dddddd; }
          section .ourCore .game .gamedetail .vue span {
            display: block;
            text-align: center;
            vertical-align: middle;
            margin-top: 20px; }
          section .ourCore .game .gamedetail .vue span:last-child {
            margin-top: 10px;
            color: #000000;
            font-weight: 600;
            font-size: 20px; }
    section .ourCore .person {
      float: left;
      position: relative;
      width: 100%;
      height: 745px; }
      section .ourCore .person .swiper-container {
        width: 100%;
        height: 100%; }
        section .ourCore .person .swiper-container .carousel {
          width: 50%;
          height: 760px;
          float: left;
          text-align: left;
          background: url("../images/bluejScience/bg_person_02.png") no-repeat center bottom; }
          section .ourCore .person .swiper-container .carousel .imgsize {
            width: 473px;
            height: 623px;
            margin-left: 116px;
            margin-top: 137px;
            box-sizing: border-box; }
        section .ourCore .person .swiper-container .text {
          position: absolute;
          left: 550px;
          top: 320px;
          width: 366px;
          height: 275px;
          text-align: justify;
          color: #ffffff;
          font-size: 24px; }
          section .ourCore .person .swiper-container .text .textcontent {
            font-size: 14px;
            margin-top: 40px;
            line-height: 25px; }
        section .ourCore .person .swiper-container .carouselright {
          width: 50%;
          height: 745px;
          float: left; }
          section .ourCore .person .swiper-container .carouselright > div {
            margin-left: 149px;
            margin-top: 314px;
            width: 600px;
            text-align: left; }
            section .ourCore .person .swiper-container .carouselright > div p {
              line-height: 32px;
              font-size: 16px;
              color: #343c4c; }
            section .ourCore .person .swiper-container .carouselright > div .detailtop {
              color: #343c4c;
              font-size: 16px;
              line-height: 16px;
              height: 16px; }
            section .ourCore .person .swiper-container .carouselright > div .largedetail {
              font-size: 32px;
              margin: 20px 0 25px; }
            section .ourCore .person .swiper-container .carouselright > div .vue {
              width: 130px;
              height: 130px;
              border-radius: 10px;
              margin-top: 45px;
              float: left;
              margin-right: 15px;
              border: 1px solid #dddddd; }
              section .ourCore .person .swiper-container .carouselright > div .vue span {
                display: block;
                text-align: center;
                vertical-align: middle;
                margin-top: 20px; }
              section .ourCore .person .swiper-container .carouselright > div .vue span:last-child {
                margin-top: 10px;
                color: #000000;
                font-weight: 600;
                font-size: 20px; }
    section .ourCore .ourstrength {
      width: 100%;
      height: 970px;
      float: left;
      box-sizing: border-box; }
      section .ourCore .ourstrength .line {
        margin: 150px auto 0;
        width: 45%;
        height: 2px;
        background: #ebebeb; }
        section .ourCore .ourstrength .line > p {
          color: #7f7f7f;
          font-size: 18px;
          height: 18px;
          line-height: 18px;
          padding-top: 75px;
          margin-bottom: 20px;
          font-family: "Arial"; }
        section .ourCore .ourstrength .line > h1 {
          font-size: 32px;
          color: #343c4c;
          font-weight: 500;
          height: 32px;
          line-height: 32px;
          margin-bottom: 85px; }
      section .ourCore .ourstrength .swiper-container {
        width: 1515px;
        height: 813px;
        margin: 0 auto;
        padding-top: 200px;
        padding-left: 50px;
        padding-right: 50px;
        box-sizing: border-box; }
    section .ourCore .cooperative {
      width: 100%;
      float: left;
      background: #f0f0f1; }
      section .ourCore .cooperative > div {
        width: 920px;
        margin: 100px auto 85px; }
        section .ourCore .cooperative > div > div {
          width: 300px;
          height: 250px;
          float: left;
          background: #ffffff;
          position: relative;
          margin-bottom: 10px;
          margin-right: 10px;
          -webkit-transition: all .8s linear;
          transition: all .8s linear; }
          section .ourCore .cooperative > div > div span {
            display: block;
            position: absolute;
            left: 10%;
            top: 10%; }
          section .ourCore .cooperative > div > div img {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            box-sizing: border-box;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          section .ourCore .cooperative > div > div:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            box-shadow: 0 0 40px #737178;
            background: #343c4c;
            z-index: 10; }
            section .ourCore .cooperative > div > div:hover span {
              color: #ffffff; }
        section .ourCore .cooperative > div > div:nth-child(3n) {
          margin-right: 0; }
